﻿<!DOCTYPE html>
<html class="no-js" lang="en">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>Gixco</title>
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      
      <!-- FontAwesome -->
      <link rel="stylesheet" href="assets/css/all.css">
      <!-- Bootstrap v4.3.1 -->
      <link rel="stylesheet" href="assets/css/bootstrap.min.css">
      <!-- Google Fonts -->
      <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css?family=Oswald:300,400" rel="stylesheet">
      <!-- Global CSS -->
      <link rel="stylesheet" href="assets/css/normalize.css">
      <link rel="stylesheet" href="assets/css/main.css">
      <!-- Jquery ui -->
      <link rel="stylesheet" href="assets/css/jquery-ui.css">
      <!-- Responsive Menu CSS -->
      <link rel="stylesheet" href="assets/css/meanmenu.css">
      <!-- Theme CSS -->
      <link rel="stylesheet" href="assets/css/styles.css">
   </head>
   <body>
      <div class="container">
         <header class="header">
            <div class="topcontain">
               <div class="row">
                  <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
                     <div class="logo">
                        <a href="index.html"><img src="logo.png" alt="Logo" /></a>
                     </div>
                  </div>
                  <div class="col-xl-5 col-lg-3 col-md-2 col-sm-12">
                     <div class="menubar">
                        <nav id="mobile-menu">
                           <ul>
                              <li>
                                 <a href="index.html">首页</a>
                              </li>
                              <li>
                                 <a href="chanpin.html">产品</a>
                              </li>
                              <li>
                                 <a href="about.html">关于</a>
                              </li>
                              <li>
                                 <a href="blog.html">博客</a>
                              </li>
                              <li><a href="contact.html">联系我们</a></li>
                           </ul>
                        </nav>
                     </div>
                  </div>
                  <div class="col-xl-4 col-lg-6 col-md-7 col-sm-12">
                     <div class="head_right">
                        <div class="login_bar">
                           <ul>
                              <li><a href="login.html">请登录</a></li>
                              <li><a href="register.html">没有账号?</a></li>
                              <li class="user"><a href="login.html"><i class="fas fa-user"></i></a></li>
                              <li class="search">
                                 <a href="#"><i class="fas fa-search"></i></a>
                                 <div class="search_bar">
                                    <form>
                                       <input type="text" name="search" placeholder="Search">
                                       <span class="search_icon"><i class="fas fa-search"></i></span>
                                    </form>
                                 </div>
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-12 d-xl-none">
                     <div class="mobile-menu"></div>
                  </div>
               </div>
            </div>
         </header>
         <div class="shop-area">
            <div class="breadcrumb-area">
               <ul>
                  <li><a href="index.html">首页</a></li>
                  <li><span>产品</span></li>
               </ul>
            </div>
            <div class="row">
               <div class="col-xl-3 col-lg-3 col-md-12 col-sm-12">
                  <div class="sidebar-area">
                     <div class="shop-widget">
                        <div class="widget-title">
                           <h2>类别</h2>
                        </div>
                        <div class="widget-content">
                           <ul id="accordion">
                              <li>
                                 <h4>男士服装 <span class="plusminus">-</span></h4>
                                 <ul style="display: block;">
                                    <li><a href="#">男士上装</a></li>
                                    <li><a href="#">男士下装</a></li>
                                    
                                 </ul>
                              </li>
                              <li>
                                 <h4>女士服装 <span class="plusminus">+</span></h4>
                                 <ul>
                                    <li><a href="#">女士上装</a></li>
                                    <li><a href="#">女士下装</a></li>                                   
                                 </ul>
                              </li>
                              
                           </ul>
                        </div>
                     </div>
                     <div class="shop-widget">
                        <h3>价格</h3>
                        <div class="widget-content">
                           <div id="slider-range"></div>
                           <input type="text" id="amount">
                        </div>
                     </div>
                     <div class="shop-widget">
                        <div class="widget-content">
                           <ul>
                              <li>
                                 <h4>颜色</h4>
                                 <ul>
                                    <li><a href="#">黑色</a><span>(8)</span></li>
                                    <li><a href="#">白色</a><span>(12)</span></li>
                                    <li><a href="#">蓝色</a><span>(10)</span></li>
                                    <li><a href="#">黄色</a><span>(14)</span></li>
                                    <li><a href="#">红色</a><span>(17)</span></li>
                                    <li><a href="#">绿色</a><span>(20)</span></li>
                                 </ul>
                              </li>
                           </ul>
                        </div>
                     </div>
                     <div class="shop-widget">
                        <div class="widget-content">
                           <ul>
                              <li>
                                 <h4>大小</h4>
                                 <ul>
                                    <li><a href="#">L</a><span>(8)</span></li>
                                    <li><a href="#">M</a><span>(12)</span></li>
                                    <li><a href="#">S</a><span>(10)</span></li>
                                    <li><a href="#">XL</a><span>(14)</span></li>
                                    <li><a href="#">XX</a><span>(17)</span></li>
                                 </ul>
                              </li>
                           </ul>
                        </div>
                     </div>
                     
                  </div>
               </div>
               <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12">
                  <div class="shop-left-sidebar">
                     <div class="shop-banner">
                        <h3>New Style 2020</h3>
                        <h4>Furniture</h4>
                        <p>It is a long established fact that a reader will be<br>
                           distracted by the readable content.
                        </p>
                     </div>
                     <div class="shop-products">
                        <div class="filter-bar">
                           <div class="row">
                              <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                 <div class="prd-tab">
                                    <ul class="nav nav-tabs" id="myTab1" role="tablist">
                                       <li class="nav-item">
                                          <a class="nav-link active" id="tab-1" data-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true"><i class="fas fa-list-ul"></i></a>
                                       </li>
                                       <li class="nav-item">
                                          <a class="nav-link" id="tab-2" data-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false"><i class="fas fa-th-large"></i></a>
                                       </li>
                                    </ul>
                                 </div>
                                 
                              </div>
                              <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                 <div class="product-showing">
                                    <p>显示所有结果中的1-9个 </p>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="tab-content" id="myTabContent-1">
                           <div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="tab-1">
                              <div class="shop-grid">
                                 <div class="product-item">
                                    <div class="row">
                                       <Ul>
                                          <li>
                                             <div class="product-grid">
                                                <div class="product-image">
                                                   <a href="configurable.html">
                                                   <img class="pic-1" src="assets/images/products/men-1-1.jpg" alt="Product image">
                                                   <img class="pic-2" src="assets/images/products/men-1-2.jpg" alt="Product image">
                                                   </a>
                                                   
                                                </div>
                                                <h3 class="title">Lorem ipsum dolor</h3>
                                                <div class="product-content">
                                                   <div class="price">$16.00
                                                      <span>$20.00</span>
                                                   </div>
                                                   <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                </div>
                                             </div>
                                          </li>
                                          <li>
                                             <div class="product-grid">
                                                <div class="product-image">
                                                   <a href="configurable.html">
                                                   <img class="pic-1" src="assets/images/products/men-2-1.jpg" alt="Product image">
                                                   <img class="pic-2" src="assets/images/products/men-2-2.jpg" alt="Product image">
                                                   </a>
                                                   
                                                </div>
                                                <h3 class="title">Lorem ipsum dolor</h3>
                                                <div class="product-content">
                                                   <div class="price">$16.00
                                                      <span>$20.00</span>
                                                   </div>
                                                   <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                </div>
                                             </div>
                                          </li>
                                          <li>
                                             <div class="product-grid">
                                                <div class="product-image">
                                                   <a href="configurable.html">
                                                   <img class="pic-1" src="assets/images/products/men-3-1.jpg" alt="Product image">
                                                   <img class="pic-2" src="assets/images/products/men-3-2.jpg" alt="Product image">
                                                   </a>
                                                   
                                                </div>
                                                <h3 class="title">Lorem ipsum dolor</h3>
                                                <div class="product-content">
                                                   <div class="price">$16.00
                                                      <span>$20.00</span>
                                                   </div>
                                                   <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                </div>
                                             </div>
                                          </li>
                                          <li>
                                             <div class="product-grid">
                                                <div class="product-image">
                                                   <a href="configurable.html">
                                                   <img class="pic-1" src="assets/images/products/women-1-1.jpg" alt="Product image">
                                                   <img class="pic-2" src="assets/images/products/women-1-2.jpg" alt="Product image">
                                                   </a>
                                                   
                                                </div>
                                                <h3 class="title">Lorem ipsum dolor</h3>
                                                <div class="product-content">
                                                   <div class="price">$16.00
                                                      <span>$20.00</span>
                                                   </div>
                                                   <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                </div>
                                             </div>
                                          </li>
                                          <li>
                                             <div class="product-grid">
                                                <div class="product-image">
                                                   <a href="configurable.html">
                                                   <img class="pic-1" src="assets/images/products/women-2-1.jpg" alt="Product image">
                                                   <img class="pic-2" src="assets/images/products/women-2-2.jpg" alt="Product image">
                                                   </a>
                                                   
                                                </div>
                                                <h3 class="title">Lorem ipsum dolor</h3>
                                                <div class="product-content">
                                                   <div class="price">$16.00
                                                      <span>$20.00</span>
                                                   </div>
                                                   <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                </div>
                                             </div>
                                          </li>
                                          <li>
                                             <div class="product-grid">
                                                <div class="product-image">
                                                   <a href="configurable.html">
                                                   <img class="pic-1" src="assets/images/products/women-3-1.jpg" alt="Product image">
                                                   <img class="pic-2" src="assets/images/products/women-3-2.jpg" alt="Product image">
                                                   </a>
                                                   
                                                </div>
                                                <h3 class="title">Lorem ipsum dolor</h3>
                                                <div class="product-content">
                                                   <div class="price">$16.00
                                                      <span>$20.00</span>
                                                   </div>
                                                   <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                </div>
                                             </div>
                                          </li>
                                          <li>
                                             <div class="product-grid">
                                                <div class="product-image">
                                                   <a href="configurable.html">
                                                   <img class="pic-1" src="assets/images/products/men-4-1.jpg" alt="Product image">
                                                   <img class="pic-2" src="assets/images/products/men-4-2.jpg" alt="Product image">
                                                   </a>
                                                   
                                                </div>
                                                <h3 class="title">Lorem ipsum dolor</h3>
                                                <div class="product-content">
                                                   <div class="price">$16.00
                                                      <span>$20.00</span>
                                                   </div>
                                                   <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                </div>
                                             </div>
                                          </li>
                                          <li>
                                             <div class="product-grid">
                                                <div class="product-image">
                                                   <a href="configurable.html">
                                                   <img class="pic-1" src="assets/images/products/women-4-1.jpg" alt="Product image">
                                                   <img class="pic-2" src="assets/images/products/women-4-2.jpg" alt="Product image">
                                                   </a>
                                                   
                                                </div>
                                                <h3 class="title">Lorem ipsum dolor</h3>
                                                <div class="product-content">
                                                   <div class="price">$16.00
                                                      <span>$20.00</span>
                                                   </div>
                                                   <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                </div>
                                             </div>
                                          </li>
                                          <li>
                                             <div class="product-grid">
                                                <div class="product-image">
                                                   <a href="configurable.html">
                                                   <img class="pic-1" src="assets/images/products/men-5-1.jpg" alt="Product image">
                                                   <img class="pic-2" src="assets/images/products/men-5-2.jpg" alt="Product image">
                                                   </a>
                                                   
                                                </div>
                                                <h3 class="title">Lorem ipsum dolor</h3>
                                                <div class="product-content">
                                                   <div class="price">$16.00
                                                      <span>$20.00</span>
                                                   </div>
                                                   <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                </div>
                                             </div>
                                          </li>
                                       </Ul>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="tab-2">
                              <div class="shop-list">
                                 <Ul>
                                    <li>
                                       <div class="product-list">
                                          <div class="row">
                                             <div class="col-xl-4 col-lg-5 col-md-5 col-sm-12">
                                                <div class="product-image">
                                                   <a href="configurable.html">
                                                   <img class="pic-1" src="assets/images/products/men-1-1.jpg" alt="Product image">
                                                   <img class="pic-2" src="assets/images/products/men-1-2.jpg" alt="Product image">
                                                   </a>                                                
                                                </div>
                                             </div>
                                             <div class="col-xl-8 col-lg-7 col-md-7 col-sm-12">
                                                <div class="list-content">
                                                   <h3><a href="configurable.html">Lorem ipsum dolor</a></h3>
                                                   <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                                                   <div class="price">$16.00
                                                      <span>$20.00</span>
                                                   </div>
                                                   <div class="listcart-area">
                                                      <div class="list-cart">
                                                         <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                      </div>
                                                      
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="product-list">
                                          <div class="row">
                                             <div class="col-xl-4 col-lg-5 col-md-5 col-sm-12">
                                                <div class="product-image">
                                                   <a href="configurable.html">
                                                   <img class="pic-1" src="assets/images/products/men-2-1.jpg" alt="Product image">
                                                   <img class="pic-2" src="assets/images/products/men-2-2.jpg" alt="Product image">
                                                   </a>                                                
                                                </div>
                                             </div>
                                             <div class="col-xl-8 col-lg-7 col-md-7 col-sm-12">
                                                <div class="list-content">
                                                   <h3><a href="configurable.html">Lorem ipsum dolor</a></h3>
                                                   <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                                                   <div class="price">$16.00
                                                      <span>$20.00</span>
                                                   </div>
                                                   <div class="listcart-area">
                                                      <div class="list-cart">
                                                         <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                      </div>
                                                      
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="product-list">
                                          <div class="row">
                                             <div class="col-xl-4 col-lg-5 col-md-5 col-sm-12">
                                                <div class="product-image">
                                                   <a href="configurable.html">
                                                   <img class="pic-1" src="assets/images/products/men-3-1.jpg" alt="Product image">
                                                   <img class="pic-2" src="assets/images/products/men-3-2.jpg" alt="Product image">
                                                   </a>                                                
                                                </div>
                                             </div>
                                             <div class="col-xl-8 col-lg-7 col-md-7 col-sm-12">
                                                <div class="list-content">
                                                   <h3><a href="configurable.html">Lorem ipsum dolor</a></h3>
                                                   <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                                                   <div class="price">$16.00
                                                      <span>$20.00</span>
                                                   </div>
                                                   <div class="listcart-area">
                                                      <div class="list-cart">
                                                         <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                      </div>
                                                      
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="product-list">
                                          <div class="row">
                                             <div class="col-xl-4 col-lg-5 col-md-5 col-sm-12">
                                                <div class="product-image">
                                                   <a href="configurable.html">
                                                   <img class="pic-1" src="assets/images/products/women-1-1.jpg" alt="Product image">
                                                   <img class="pic-2" src="assets/images/products/women-1-2.jpg" alt="Product image">
                                                   </a>                                                
                                                </div>
                                             </div>
                                             <div class="col-xl-8 col-lg-7 col-md-7 col-sm-12">
                                                <div class="list-content">
                                                   <h3><a href="configurable.html">Lorem ipsum dolor</a></h3>
                                                   <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                                                   <div class="price">$16.00
                                                      <span>$20.00</span>
                                                   </div>
                                                   <div class="listcart-area">
                                                      <div class="list-cart">
                                                         <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                      </div>
                                                      
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="product-list">
                                          <div class="row">
                                             <div class="col-xl-4 col-lg-5 col-md-5 col-sm-12">
                                                <div class="product-image">
                                                   <a href="configurable.html">
                                                   <img class="pic-1" src="assets/images/products/women-2-1.jpg" alt="Product image">
                                                   <img class="pic-2" src="assets/images/products/women-2-2.jpg" alt="Product image">
                                                   </a>                                                
                                                </div>
                                             </div>
                                             <div class="col-xl-8 col-lg-7 col-md-7 col-sm-12">
                                                <div class="list-content">
                                                   <h3><a href="configurable.html">Lorem ipsum dolor</a></h3>
                                                   <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                                                   <div class="price">$16.00
                                                      <span>$20.00</span>
                                                   </div>
                                                   <div class="listcart-area">
                                                      <div class="list-cart">
                                                         <a class="add-to-cart" href="cart.html">Add To Cart</a>
                                                      </div>
                                                      
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </li>
                                 </Ul>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="pagination-area">
                        <nav aria-label="Page navigation example">
                           <ul class="pagination">
                              <li class="page-item">
                                 <a class="page-link" href="#" aria-label="Previous">
                                 <span aria-hidden="true">&laquo;</span>
                                 <span class="sr-only">Previous</span>
                                 </a>
                              </li>
                              <li class="page-item"><a class="page-link" href="javascript:;">1</a></li>
                              <li class="page-item"><a class="page-link" href="javascript:;">2</a></li>
                              <li class="page-item"><a class="page-link" href="javascript:;">3</a></li>
                              <li class="page-item">
                                 <a class="page-link" href="#" aria-label="Next">
                                 <span aria-hidden="true">&raquo;</span>
                                 <span class="sr-only">Next</span>
                                 </a>
                              </li>
                           </ul>
                        </nav>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <footer>
         <div class="container">
            <div class="footer-area">
               <div class="footer-content">
                  <ul>
                     <li>
                        <p>客户服务</p>
                        <ul>
                           <li><a href="#">交付和回报</a></li>
                           <li><a href="#">贸易服务</a></li>
                           <li><a href="#">隐私和政策</a></li>
                           <li><a href="#">常见问题</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>关于我们</p>
                        <ul>
                           <li><a href="#">新闻</a></li>
                           <li><a href="#">工作室</a></li>
                           <li><a href="#">展厅</a></li>
                           <li><a href="#">条款和条件</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>社交媒体</p>
                        <ul>
                           <li><a href="#">腾讯qq</a></li>
                           <li><a href="#">新浪微博</a></li>
                           <li><a href="#">微信</a></li>
                           <li><a href="#">钉钉</a></li>
                        </ul>
                     </li>
                     <li>
                        <p>客户服务</p>
                        <ul>
                           <li><a href="#">交付和回报</a></li>
                           <li><a href="#">贸易服务</a></li>
                           <li><a href="#">联系我们</a></li>
                           <li><a href="#">常见问题</a></li>
                        </ul>
                     </li>
                  </ul>
               </div>
               <div class="copyright-area">
                  <div class="copyright">
                     <p>Copyright &copy; 2019 by Themehum</p>
                  </div>
                  <div class="social">
                     <ul>
                        <li>
                           <p>Connect with us:</p>
                        </li>
                        <li><a href="#"><i class="fab fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
                        <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                        <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                     </ul>
                  </div>
               </div>
            </div>
            <div id="top"><i class="fas fa-arrow-up"></i></div>
         </div>
         <!-- Global JS -->
         <script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
         <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
         <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script>
         <script src="assets/js/popper.min.js"></script>        
         <script src="assets/js/plugins.js"></script>
         <script src="assets/js/bootstrap.min.js"></script>
         <script src="assets/js/jquery-ui.js"></script>          
         <script src="assets/js/jquery.meanmenu.min.js"></script>
         <!-- Isotope JS -->
         <script src="assets/js/isotope.pkgd.min.js"></script>
         <script src="assets/js/imagesloaded.pkgd.min.js"></script>
         <!-- Custom JS -->
         <script src="assets/js/main.js"></script>
         <!-- Google Map JS -->
         <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyBvEEMx3XDpByNzYNn0n62Zsq_sVYPx1zY"></script>
         <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
         <script>
            
            
         </script>
         
         <!-- Countdown Timer Script -->
         <script src="assets/js/timer.js"></script>
      </footer>
   </body>
</html>
